<!DOCTYPE html>
<!page with image>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        
        <meta 
        	name="viewport" 
        	content="
        		user-scalable=no, 
	        	initial-scale=1, 
	        	maximum-scale=1, 
	        	minimum-scale=1, 
	        	width=device-width, 
	        	height=device-height" 
	     />
        	
        	<! for use phonegap functions needs cordova>	
        <script type="text/javascript" charset="utf-8" src="../../libs/cordova-2.3.0.js"></script>
        
			<! load styles>
        <link rel="stylesheet" href="../../css/users.min.css" />
        <link rel="stylesheet" href="../../css/structure.min.css" />
        <link rel="stylesheet" href="../../css/main.css" />
        
        	<! load jquery mobile>
        <script type="text/javascript" charset="utf-8" src="../../libs/jquery.js"></script>
        <script type="text/javascript" charset="utf-8" src="../../libs/jquery.mobile-1.4.0.min.js"></script>			
		
  		<script type="text/javascript" src="../../js/chapter.js"></script>	
  		<script type="text/javascript" charset="utf-8" src="../../libs/img-touch-canvas.js"></script>	
  		<script type="text/javascript" charset="utf-8" src="../../js/general.js"></script>		

  	</head>		
    
    <body>
  				
	 <div data-role="page" style="position: fixed;" id="options" data-theme="b">
	 
	 	 <div data-role="panel" id="mypanel" data-position="right" data-display="overlay">
		 	<ul data-role="listview" id="list"></ul>
		 </div>
		 
		 <div id="header" data-role="header" data-position="fixed" data-fullscreen="true">
		    <p id="p_head">Стр 2</p>
		    <div class="ui-btn-left" id="controlgroup_style" data-role="controlgroup" data-type="horizontal">
				<a id="a_head_l" data-role="button" onClick="befoImg();">пред</a>            
			</div>
			<div class="ui-btn-right" id="controlgroup_style" data-role="controlgroup" data-type="horizontal">
				<a data-role="button" id="a_head_c" href="#mypanel">стр</a> 
				<a id="a_head_r" data-role="button" onClick="nextImg();">след</a> 
			</div>
		</div>   				
  					
			<div id="mycontainer" style="width: 100%; height: 100%">
			    <canvas id="mycanvas" style="width: 100%; height: 100%">canvas error</canvas>
			</div>
	</div>		
		
	  	
	</body>
    
</html>
